<template>
    <div class="level is-mobile head-div">
        <div class="control has-icons-left has-icons-right level-left head-div-left">
            <span class="icon is-left is-small search-icon">
                <i class="fas fa-search"></i>
            </span>
            <input class="input is-medium level-left search-box" type="email" placeholder="2018 CPA段子创作现场">
        </div>
        <div class="level-right head-div-right">
            <span class="icon is-left is-small search-icon" style="margin-right: 8px; font-size:larger;">
                <i class="fas fa-edit"></i>
            </span>
            <span style="text-align:center;line-height:normal;font-weight:500;font-size:19px;">
                提问
            </span>
        </div>
    </div>
</template>

<script>
export default {
  name: "IndexHead"
};
</script>

<style scoped>
.head-div {
    margin-bottom: 0;
    margin-top: 8px;
}
.head-div-left {
    margin-left: 10px;
    margin-right: 12px;
    margin-top: 0px;
    text-align: center;
    width: 75%;
}
.head-div-right {
    text-align: center;
    color: #2f85f6;
    font-size: 18px;
    margin-right: 15px;
}
.search-box {
  background-color: #ebebeb;
  font-size: 15px;
  height: 30px;
  border-color: transparent;
  border-radius: 7px;
}
.search-icon {
    position: relative;
}
input::-ms-input-placeholder{text-align: center;} 
input::-webkit-input-placeholder{text-align: center;}
</style>


